<template>
	<view>
		<view class="section">
			<view class="item" @click="goMyInfor">
				<image :src="userDetail.avat">
					<view class="cont">
						<text>{{userDetail.userName}}</text>
						<text>微信号：{{userDetail.account}}</text>
					</view>
				
				<text class="iconfont">&#xe74b;</text>
			</view>

		</view>
		<view class="section">
			<view class="item">
				<image src="../../static/image/find_active.png" mode=""></image>
				<view class="cont">
					<text>支付</text>
				</view>
				<text class="iconfont">&#xe74b;</text>
			</view>

		</view>
		<view class="section">
			<view class="item">
				<image src="../../static/image/find_active.png" mode=""></image>
				<view class="cont">
					<text>收藏</text>
				</view>
				<text class="iconfont">&#xe74b;</text>
			</view>
			<view class="item">
				<image src="../../static/image/find_active.png" mode=""></image>
				<view class="cont">
					<text>相册</text>
				</view>
				<text class="iconfont">&#xe74b;</text>
			</view>
			<view class="item">
				<image src="../../static/image/find_active.png" mode=""></image>
				<view class="cont">
					<text>卡包</text>
				</view>
				<text class="iconfont">&#xe74b;</text>
			</view>
			<view class="item">
				<image src="../../static/image/find_active.png" mode=""></image>
				<view class="cont">
					<text>表情</text>
				</view>
				<text class="iconfont">&#xe74b;</text>
			</view>
		</view>
		<view class="section">
			<view class="item" @click="goSetting">
				<image src="../../static/image/find_active.png" mode=""></image>
				<view class="cont">
					<text>设置</text>
				</view>
				<text class="iconfont">&#xe74b;</text>
			</view>
		</view>
	</view>
</template>

<script>
	import util from '../../utils/index.js'
	export default {
		data() {
			return {
				userDetail: {}
			}
		},
		onShow() {
			let {
				uuid
			} = uni.getStorageSync('user')
			util.myRequest({
				url: '/getUserName',
				data: {
					uuid
				}
			}).then(res => {
				this.userDetail = res
			})
		},
		methods: {
			goSetting() {
				uni.navigateTo({
					url: '../setting/setting'
				})
			},
			goMyInfor(){
				uni.navigateTo({
					url:'../my-infor/my-infor'
				})
			}
		}
	}
</script>

<style lang="scss">
	page {
		background-color: #ededed;
	}

	.section {
		margin-bottom: 15upx;

		>.item {
			display: flex;
			align-items: center;
			background-color: #fff;
			position: relative;
			border-bottom: 1px solid #ccc;
			height: 100upx;

			&:nth-last-child(1) {
				border: none;
			}

			>image {
				margin-left: 32upx;
				height: 40upx;
				width: 40upx;
			}

			>.cont {
				display: flex;
				justify-content: space-around;
				flex-direction: column;
				font-size: 38upx;
				height: 114upx;
				margin-left: 35upx;

				>text:nth-child(2) {
					font-size: 30upx;
					color: #999;
					font-weight: 500;
				}
			}

			>text {
				font-size: 23upx;
				position: absolute;
				right: 30upx;
				top: 50%;
				transform: translateY(-50%);
			}
		}

		&:nth-child(1)>.item {
			height: 245upx;

			>image {
				margin-left: 42upx;
				width: 114upx;
				height: 114upx;
				border-radius: 8upx;
			}

			>.cont {
				font-weight: 700;
			}
		}

	}
</style>
